<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Cocos Creator 3D test | c3d_demo_01</title>

    <!--http://www.html5rocks.com/en/mobile/mobifying/-->
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>

    <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">

    <!-- force webkit on 360 -->
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <!-- force edge on IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="msapplication-tap-highlight" content="no">

    <!-- force full screen on some browser -->
    <meta name="full-screen" content="yes"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>

    <!-- force screen orientation on some browser -->
    <meta name="screen-orientation" content="auto"/>
    <meta name="x5-orientation" content="auto">

    <!--fix fireball/issues/3568 -->
    <!--<meta name="browsermode" content="application">-->
    <meta name="x5-page-mode" content="app">

    <!--<link rel="apple-touch-icon" href=".png" />-->
    <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

    <link rel="stylesheet" type="text/css" href="style.css"/>

</head>
<body>
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>

<!-- Polyfills bundle. -->
<script src="src/polyfills.bundle.js" charset="utf-8"></script>

<!-- SystemJS support. -->
<script src="src/system.bundle.js" charset="utf-8"></script>

<!-- RESOURCE -->

<!-- SCRIPT -->

<!-- JSON IMPORT-MAP -->

<!-- new-res-loader.js -->
<script src="new-res-loader.js" charset="utf-8"></script>

<!--<script type="systemjs-importmap">
{"imports":{"cc":"./../cocos-js/cc.js","wait-for-ammo-instantiation":"./../cocos-js/wait-for-ammo-instantiation.js"}}
</script>-->

<script>
    const importMapUrl = 'src/import-map.json';
    Promise.resolve(importMapJson).then((importMap) => {
        // console.log("href:", window.location.href)
        const importMapAbsUrl = new URL(importMapUrl, window.location.href).href;
        // console.log("importMap:", importMap)
        // console.log("importMapAbsUrl:", importMapAbsUrl)
        System.constructor.prototype.patches.setImportMap(importMap, importMapAbsUrl);
    }).then(() => {
        System.import('./index.js')
    });
/*    System.import('index.js').catch(function (err) {
        console.error(err);
    })*/
</script>
</body>
</html>
